.tab {
    padding: 0 0 0 1rem;
    height: 3.65rem;
    .tabActive {
        font-weight: 600;
    }
}

.activityBar {
    .activityBar_item {
        margin-bottom: 1rem;
        width: 100%;
        height: 5.5rem;
        background: #fff;
        box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, .05);
        border-radius: 12px;
        overflow: hidden;
        .activityBar_item_img_box {
            width: 8.25rem;
            height: 5.5rem;
            float: left;
            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
            }
        }
        .activityBar_item_right {
            width: -webkit-calc(100% - 8.25rem);
            width: calc(100% - 8.25rem);
            height: 5.5rem;
            float: left;
            -webkit-box-sizing: border-box;
            box-sizing: border-box;
            padding: .9rem .8rem;
            .activityBar_item_title {
                font-family: PingFangSC-Medium;
                font-size: .8rem;
                color: #0f2540;
                letter-spacing: 0;
                text-align: left;
                line-height: 1rem;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 2;
                overflow: hidden;
                font-weight: 700;
            }
            .activityBar_item_time {
                font-family: PingFangSC-Regular;
                font-size: .65rem;
                color: #c6c6c6;
                letter-spacing: 0;
                width: 100%;
                overflow: hidden;
                text-overflow: ellipsis;
                white-space: nowrap;
                margin-top: .8rem;
            }
        }
    }
}